<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/css.css" />
		<link rel="stylesheet" type="text/css" href="css/donglu.css" />

	</head>

	<body>
		<!--
			通常我们拿到设计图后，要做的事
			1.看设计图的字体是否合理，（中文最好用的是微软雅黑，或用系统字体）
			2.图层分布是否合理（一些图标是否单独图层，文字是否单独图层）
			3.要清楚该网站的应用终端范围在哪里（例如PC，手机，平板等）
			  PC   1000~1920
			  手机    640~750
			  平板    参考PC就可以了
			4.兼容浏览器有哪些，是IE9以上
		-->
		<div class="web">
			<div class="box1">
				<div class="box1-1 fl"></div>
				<div class="box1-2 fl">
					<img src="img/logo.jpg" />
				</div>

				<div class="box1-3 fl">
					<ul>
						<li>
							<a href=" 首页.html">首页</a>
							<a href="列表页.html">关于鼎搜</a>
							<a href="#">鼎搜服务</a>
							<a href="详细页.html">鼎搜动态</a>
							<a href="注册页.html">鼎搜诚聘</a>
							<a href="">鼎搜公益</a>
						</li>
					</ul>
				</div>
				<div class="box1-4 fl">
					<div class="box1-6">
						<input type="text" name="" id="" value="" />
					</div>
					<div class="box1-7">
						<input type="image" name="" id="" value="" src="img/fangdj.png" />
					</div>
				</div>
			</div>
			<div class="box2">
				<img src="img/tupian.jpg" />
			</div>

			<div class="donglu">

				<div class="donglu1">
					<img src="img/dl.jpg" />
				</div>
				<div class="clear"></div>
				<div class="donglu2">
					<div class="donglu3 fl">
						<div class="donglu3-1 fl">
							<a href="#">
								<span>点击登录</span> &nbsp;
								<span>点击注册</span>
							</a>
						</div>

						<div class="donglu3-2">
							<form action="" method="post">
								用户名：<input type="text" name="username" maxlength="10" /><br /></br>

								密&nbsp;&nbsp;&nbsp;码：<input type="password" name="username" maxlength="10" /><br /></br>
								<div class="yzmd">
									<div class="donglu3-3 fl">
										验证码：<input type="text" name="username" maxlength="4" /><br />
									</div>
									<div class="yzm fl">
										<img src="img/yzm.jpg" />
									</div>
									<p>看不清？<span><a href="#">点击更换</a></span></p>
									</br>
								</div>
								<div class="yxq fl">
									有效期：
									<input type="radio" name="sex1" id="" value="male" />一个月
									<input type="radio" name="sex1" id="" value="male" />一周
									<input type="radio" name="sex1" id="" value="male" />一天
									<input type="radio" name="sex1" id="" value="male" />即时
								</div>

							</form>

						</div>
						<div class="dengluz">
							<a href="#">
								<div class="denglu fl">

									<input type="submit" value="登&nbsp;&nbsp;&nbsp;录" />

								</div>
							</a>
							<div class="denglu1 fr">
								<p>
									<a href="#">忘记密码？</a>
								</p>
							</div>
						</div>
					</div>
					<div class="donglu4 fr">
						<div class="donglu5">
							<a href="#"><img src="img/dl2.jpg" /></a>
						</div>
					</div>
				</div>

			</div>

		</div>



<div class="db">
        	<div class="box8">
        	<div class="box7-1">
        		<ul>
        			<li><h5>简介</h5></li>
        			<li><h5>帮助</h5></li>
        			<li><h5>共赢</h5></li>
        			<li><h5>导航</h5></li>
        		</ul>

        	</div>
        	<div class="box8-1">
        		<div class="box8-2">
        			<div class="box8-3">
        				<img src="img/dianhua.jpg" />
        				<h4>全国服务热线<br>440-880-1775</h4>
        				<p>投诉电话：4408801779<br />周一至周六：9:20-20:00</p>
        				
        			
        		</div>
        			<div class="box8-4">
        			<p></br>邮箱:dinsoo@163.com</p>
        			<img src="img/qq.jpg"/>
        		</div>
        		        	<div class="box9-1">
        		        		<img src="img/reweima.jpg" />
        		        		<h3>订阅信息</h3>
        		        	</div>
        		</div>
        		
        	
        	</div>
                <div class="box10">
                	<div class="box10-1 fl">
                		<ul>
                			<li><a href="#">鼎搜网简介</a></li>
                			<li><a href="#">鼎搜服务</a></li>
                			<li><a href="#">会员身份实名认证</a></li>
                	
                		</ul>
                	</div>
                	<div class="box10-1 fl">
                		<ul>
                			<li><a href="#">用户注册</a></li>
                			<li><a href="#">关于鼎搜</a></li>
                			<li><a href="#">在线咨询</a></li>
                			
                		</ul>
                	</div>
                	<div class="box10-1 fl">
                		<ul class="box11">
                			<li><a href="#">网站合作</a></li>
                			<li><a href="#">用户协议</a></li>
                			<li><a href="#">会员身份实名认证</a></li>
                			
                		</ul>
                	</div>
                	<div class="box10-1 fl">
                		<ul>
                			<li><a href="#">地图首页</a></li>
                			<li><a href="#">职能分类</a></li>
                			<li><a href="#">企业名录</a></li>
                			
                		</ul>
                	</div>
                </div>
        	</div>
        </div>
     
    <div class="weibu2">
    	Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
    </div>	
	</body>

</html>